<!--
* @description web头部公用
* @fileName header.vue
* @author huangyu
* @date 2021/06/24 11:41:46
!-->
<template>
    <div class="hy-header">
        <el-row>
            <el-col :span="4">
                <div class="logo">WebFish</div>
            </el-col>
            <el-col :span="1">&nbsp;
            </el-col>
            <el-col :span="18">
                <el-menu
                class="el-menu-demo"
                mode="horizontal"
                background-color="#fff"
                text-color="#000"
                active-text-color="#000">
                    <el-menu-item index="/ocr/img_text"><router-link :to="'/ocr/img_text'">通用印刷体识别</router-link></el-menu-item>
                    <el-menu-item index="/game/aion/data"><router-link :to="'/game/aion/data'" target="_blank">永恒之塔数据资料库</router-link></el-menu-item>
                    <!-- <el-menu-item index="/"><router-link :to="'/'">首页</router-link></el-menu-item> -->
                    <!-- <el-menu-item index="/douyin/video/list"><router-link :to="'/douyin/video/list'">抖音视频日排行</router-link></el-menu-item>
                    <el-menu-item index="/douyin/product/list"><router-link :to="'/douyin/product/list'">抖音商品日销量榜</router-link></el-menu-item> -->
                    <!-- <el-menu-item index="/admin/tools/list"><router-link :to="'/admin/tools/list'">导入工具</router-link></el-menu-item> -->
                    <!-- <el-menu-item index="2">业务合作</el-menu-item> -->
                    <!-- <el-menu-item index="3">关于我</el-menu-item> -->
                </el-menu>
            </el-col>
            <el-col :span="1">
                <router-link :to="'/login'">登录</router-link>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    components: {},
    data() {
        return {

        }
    },
    mounted() {

    },
    methods: {

    },
}
</script>

<style scoped lang="less">
.hy-header{
    background:#fff;
    border-bottom:2px solid #000;
    /* position: fixed;
    bottom: 0;
    left: 0; */
    width: 100%;
    .logo{
        // background: #000;
        color: #000;
        font-size: 28px;
        text-align: center;
        line-height: 60px;
        border-right: 2px solid #000;
    }
    .el-menu.el-menu--horizontal{
        border-bottom: none;
    }
}
</style>